<template>
  <div class="about">
    <h1>This is an about page</h1>
    <myRender></myRender>
    <h2>{{ this.$appName }}</h2>
    <div>
      <span>输入框：</span>
      <input class="input" v-model="content" placeholder="请输入内容" @change="changeName" />
      <span style="padding-left: 10px;">{{ type }}</span>
    </div>

    <!-- <h1>{{ Time }}</h1> -->
    <a-button type="dashed" @click="handleClick">
      Primary
    </a-button>


  </div>
</template>

<script>
import myRender from '@/views/components/myRender.vue'

export default {
  name: 'about',
  components: { myRender },
  data() {
    return {
      content: '',
      type: '',
    }
  },
  methods: {
    handleClick(){
     let str = prompt("请输入数据")
     if(str){

       alert(str)
     }else{
      alert('数据为空。')
     }
    },
    changeName(e) {
      console.log('%c'+ this.GLOBAL.endDate);
      this.type = this.$showType(this.content)
    }
  },
  computed: {
  }

}
</script>

<style lang="stylus" scoped>
.input{
  width: 200px;
  line-height: 28px;
  padding-left: 5px;
}
</style>
